<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>贵州历史文化网后台管理</title>
    <meta name="description" content="Restyling jQuery UI Widgets and Elements" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="__static__/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="__static__/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="__static__/assets/css/ace-fonts.css" />
    <link rel="stylesheet" href="__static__/assets/css/ace.min.css" id="main-ace-style" />
    <!--[if lte IE 9]>
			<link rel="stylesheet" href="__static__/assets/css/ace-part2.min.css" />
		<![endif]-->
    <!--[if lte IE 9]>
		  <link rel="stylesheet" href="__static__/assets/css/ace-ie.min.css" />
		<![endif]-->
    <script src="__static__/assets/js/ace-extra.min.js"></script>
    <!--[if lte IE 8]>
		<script src="__static__/assets/js/html5shiv.min.js"></script>
		<script src="__static__/assets/js/respond.min.js"></script>
		<![endif]-->
    <style type="text/css">
        .CSSearchTbl {
            border: 1px #008CD4 solid;
        }

        .CSSearchTbl thead {}

        .CSSearchTbl thead tr {}

        .CSSearchTbl thead tr th {
            text-align: left;
            padding-left: 10px;
        }

        .CSSearchTbl tbody {}

        .CSSearchTbl tbody tr {}

        .CSSearchTbl tbody tr td {
            padding: 10px;
        }

        .CSSearchTbl tbody tr td.right {
            text-align: left;
        }

        .CSSearchTbl tbody tr td.left {
            text-align: right;
        }

        .table-responsive {
            display: none;
        }
    </style>
</head>

<body class="no-skin">
    <!-- #section:basics/navbar.layout -->
    <div id="navbar" class="navbar navbar-default">

        {include file="./public/top" /}
    </div>

    <!-- /section:basics/navbar.layout -->
    <div class="main-container" id="main-container">

        <!-- #section:basics/sidebar -->
        {include file="./public/left" /}

        <!-- /section:basics/sidebar -->
        <div class="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">专题分类</a>
                    </li>
                    <li>
                        <a href="elements.html">专题分类列表</a>
                    </li>
                </ul><!-- /.breadcrumb -->

                <!-- #section:basics/content.searchbox -->
                <div class="nav-search" id="nav-search">
                    <form class="form-search">
                        <span class="input-icon">
                            <input type="text" placeholder="请输入关键字 ..." class="nav-search-input" id="nav-search-input"
                                autocomplete="off" />
                            <i class="ace-icon fa fa-search nav-search-icon"></i>
                        </span>
                    </form>
                </div><!-- /.nav-search -->
            </div>
            <div class="page-content">

                <!-- /section:settings.box -->
                <div class="page-content-area">

                    <div class="row">
                        <div class="col-xs-12">
                            <form class="form-horizontal" role="form" method="POST">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1">
                                        分类名称：</label>

                                    <div class="col-sm-9">
                                        <input type="text" name="catename" id="form-field-1" placeholder="输入分类名称"
                                            class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right"
                                        for="form-field-tags">分类类型：</label>
                                    <div class="col-sm-2">
                                        <div class="pos-rel">
                                            <div class="radio">
                                                <label>
                                                    <input name="type" type="radio" class="ace" value="1" checked />
                                                    <span class="lbl"> 文章列表</span>
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input name="type" type="radio" class="ace" value="2" />
                                                    <span class="lbl"> 单页</span>
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input name="type" type="radio" class="ace" value="3" />
                                                    <span class="lbl"> 图文混排</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix form-actions">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button class="btn btn-info" type="submit">
                                            <i class="ace-icon fa fa-check bigger-110"></i>
                                            立即提交
                                        </button>

                                        &nbsp; &nbsp; &nbsp;
                                        <button class="btn" type="reset">
                                            <i class="ace-icon fa fa-undo bigger-110"></i>
                                            重置
                                        </button>
                                    </div>
                                </div>
                            </form>

                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.page-content-area -->
            </div><!-- /.page-content -->
        </div><!-- /.main-content -->


        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
        </a>
    </div><!-- /.main-container -->

    <!-- basic scripts -->

    <!--[if !IE]> -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='__static__/assets/js/jquery.min.js'>" + "<" + "/script>");
    </script>

    <!-- <![endif]-->

    <!--[if IE]>
		<script type="text/javascript">
		 window.jQuery || document.write("<script src='__static__/assets/js/jquery1x.min.js'>"+"<"+"/script>");
		</script>
		<![endif]-->
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='__static__/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="__static__/assets/js/bootstrap.min.js"></script>

    <script src="__static__/assets/js/jquery.dataTables.min.js"></script>
    <script src="__static__/assets/js/jquery.dataTables.bootstrap.js"></script>

    <!-- ace scripts -->
    <script src="__static__/assets/js/ace-elements.min.js"></script>
    <script src="__static__/assets/js/ace.min.js"></script>

    <script type="text/javascript">
        jQuery(function ($) {

            $(".tbl-search").click(function () {
                $(".table-responsive").slideDown("fast");
            })

            var oTable1 =
                $('#sample-table-2')
                    .dataTable({
                        bAutoWidth: false,
                        bInfo: flase,
                        "aoColumns": [
                            { "bSortable": false },
                            null,
                            null,
                            null,
                            null,
                            null,
                            { "bSortable": false },
                            null,
                            { "bSortable": false }
                        ],
                        "aaSorting": [],
                    });

            $(document).on('click', 'th input:checkbox', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function () {
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });
            });




        })

    </script>
</body>

</html>